<template>
    <div class="main">
        <el-menu class="left-menu" :default-active="menuActive" active-text-color="">
            <el-menu-item class="left-menu-item" index="2" @click="routerJump('/o/video/PublishManage')">
                <i class="el-icon-folder-opened"></i>
                <span class="item-title">稿件管理</span>
            </el-menu-item>
        </el-menu>
    </div>
</template>

<script>


export default {
    name: "user-fans",
    components: {
    },
    data() {
        return {
            userId: this.$store.getters.userInfo.id,
            menuActive: "1",
        };
    },
    created() {
    },

    methods: {
        routerJump(id) {
            this.$router.push(`${id}`);
        },
    }
}
</script>

<style>
.main {
    display: flex;
    width: 100%;
    margin: 0 auto;
}

.left-menu {
    width: 200px;
    height: 600px;
    margin: 10px 0 100px 0;
    border: 2px solid rgba(152, 152, 152, 0.2);
    overflow-y: scroll;
}

/* 隐藏滚动条 */
.left-menu::-webkit-scrollbar {
    display: none
}

.left-menu-item {
    display: flex;
    align-items: center;
    height: 70px;
}

.left-menu-item.is-active {
    background-color: #3aaaff !important;
    color: #fff;
}

.list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.chat-list-no {
    margin: 50px;
    text-align: center;
}
</style>
